import axios from '../utils/request.js'
import loginFn from '../utils/public.js'
import { getAllOrderRechargeList } from '../api/rechargeList.js'

const vm = new Vue({
  el: '#mybox',
  data() {
    return {
      dialogVisible: false,
      userInfo: null,
      feedbacks: [], // 存放充值记录数据
      page: 1, // 当前页数
      pageSize: 10, // 每页条数
      noMoreData: false, // 是否没有更多数据标识
      statusArr: {
        '1': '未支付',
        '2': '已支付',
        '-8': '申请退款',
        '-9': '已退款',
        '-10': '拒绝退款',
      },
    }
  },
  created() {
    loginFn().then((res) => {
      this.userInfo = res
      this.getList()
    })
  },
  methods: {
    iconFn() {
      window.location.href = './balance.html?openid='+window.openid
    },
    getList() {
      getAllOrderRechargeList()
        .then((response) => {
          const data = response.data.data
          console.log(data)
          if (data.length > 0) {
            this.feedbacks = data // 将获取的数据追加到充值记录数组中
          } else {
            this.noMoreData = true // 没有更多数据
          }
        })
        .catch((error) => {
          console.error('获取充值记录失败:', error)
        })
    },
    handleLoad() {
      this.page++ // 加载下一页数据
      this.getList()
    },
    deleteFeedback(index) {
      // 删除某条充值记录
      const feedbackId = this.feedbacks[index].id
      axios
        .delete(`/feedbacks/${feedbackId}`)
        .then((response) => {
          this.feedbacks.splice(index, 1) // 删除成功后，从数组中移除对应的充值记录
        })
        .catch((error) => {
          console.error('删除充值记录失败:', error)
        })
    },
  },
})
